<template>
	<view class="wrap">
    <view class="header">
      <u-row class="userinfo" gutter="16">
        <u-col span="2">
          <u-avatar size="50"  text="花" randomBgColor></u-avatar>
        </u-col>
        <u-col span="3">
          <view class="info">
            <view><u--text text="管理员" size="16"  class="username" align="center"  color="#ffffff"></u--text></view>
            <view><u--text text="普通会员" size="12" class="usercode" align="center" color="#ece4e4e5"></u--text></view>
          </view>
        </u-col>
        <u-col span="7">
          <u-cell-group :border="false">
            <u-cell icon="order" title="10****************03" :iconStyle="{ color: '#f5f5f5' }" :titleStyle="style.titleStyle" size="mini" :border="false"/>
            <u-cell icon="phone" title="18012345678"          :iconStyle="{ color: '#f5f5f5' }" :titleStyle="style.titleStyle" size="mini" :border="false"/>
          </u-cell-group>
        </u-col>
      </u-row>
      <u-row class="userinfo-topbox" gutter="16" justify="center">
        <u-col span="4">
          <u--text text="绿码" :size="style.fontSize" align="center" color="#ffffff"></u--text>
          <u--text text="合码结果" :size="style.fontSize" align="center" color="#ece4e4e5"></u--text>
        </u-col>
        <u-col span="4">
          <u--text text="绿码" :size="style.fontSize" align="center"  color="#ffffff"></u--text>
          <u--text text="合码结果" :size="style.fontSize" align="center" color="#ece4e4e5"></u--text>
        </u-col>
        <u-col span="4">
          <u--text text="家属" :size="style.fontSize" align="center" color="#ffffff"></u--text>
          <u--text text="来院人员" :size="style.fontSize" align="center" color="#ece4e4e5"></u--text>
        </u-col>
      </u-row>
    </view>
    <u-gap height="10"></u-gap>
    <view class="body">
      <u--form labelPosition="top" :labelStyle="{fontSize: '16px',color: '#606266',fontFamily:'Courier New'}">
          <u-form-item :label="template.question" v-for="(template,index) in temaplateList" :key="index" labelWidth="100%" required>
            <u-radio-group v-model="radio">
              <u-radio  label="是" :name="true"/>
              <u-radio  label="否" :name="false"/>
            </u-radio-group>
          </u-form-item>
      </u--form>
    </view>
	</view>
</template>
<script>
import { ldtInfo } from '@/api/component';
export default {
		data() {
			return {
        style: {
          fontSize: 16,
          titleStyle: {'font-size': '24rpx','color': '#f5f5f5'}
        },
        temaplateList: [],
        radio: false
			}
		},
		created(){
      ldtInfo({params: {}, custom: { auth: false,toast: false }}).then(response => {

      })
		},
		methods: {
			change(index) {
				this.current = index;
			},
			navTo(url) {
				uni.navigateTo({
					url: url
				});
			}
		}

	}
</script>
<style lang="scss">
  @import 'index.scss';
  page {
    background-color: $u-f-pg-bg-color;
  }
  .header {
    background: $u-primary;
    border-radius: 10px;
    .userinfo {
      display: flex;
      padding: 10rpx 0;
      .info {
        display: flex;
        flex-flow: wrap;
        color: #fff;
        .username {
          width: 100%;
          font-size: 40rpx;
        }
        .usercode {
          height: 36rpx;
          margin-top: 10rpx;
          background-color: rgba(0, 0, 0, 0.1);
          border-radius: 20rpx;
          font-size: 20rpx;
        }
      }
    }
    .userinfo-topbox{
      padding: 20rpx 30rpx;
      color: #ffffff;
    }

  }
  .body{
    background-color: $u-f-main-color;
    // 上 右 下 左
    padding: 0 20px 0 20px;
    // margin: 0 10px 0 10px;
    border-radius: 10px;

  }
</style>
